<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <div style="float: left;width: 50%;overflow-y: auto;background-color: coral">
        < form action="url地址" method="get/post" name="表单域名称">< /form>
        <h3>示例</h3>
        <form action="url" method="post" name="account">
            账号：<input type="text" name="账号">
            密码：<input type="password" name="password"></input>
            日期：<input type="date" name="date">
            文件：<input type="file" name="file" multipl="multiple">
            重置：<input type="reset" name = '重置'>
            提交：<input type="submit" name = '提交'>
        </form>
    </div>
    <div style="float: left;width: 50%">
        <h3>form</h3>
        <table border="1">
            <tr>
                <th>
                    几个基础属性
                </th>
                <th>
                    属性值
                </th>
                <th>
                    说明
                </th>
            </tr>
            <tr>
                <td>action</td>
                <td>url地址</td>
                <td>用于指定接收并处理表单数据的服务器程序的url地址</td>
            </tr>
            <tr>
                <td>method</td>
                <td>get/post</td>
                <td>设置表单数据的提交方式</td>
            </tr>
            <tr>
                <td>name</td>
                <td>名称</td>
                <td>指定表单名称，区分一个页面的多个表单</td>
            </tr>
        </table>
        <h3>input</h3>
        <table border="1">
            <tr>
                <th>
                    属性值
                </th>
                <th>
                    说明
                </th>
            </tr>
            <tr>
                <td>button</td>
                <td>按钮</td>
            </tr>
            <tr>
                <td>checkbox</td>
                <td>复选框</td>
            </tr>
            <tr>
                <td>file</td>
                <td>文件上传</td>
            </tr>
            <tr>
                <td>hidden</td>
                <td>定义隐藏的输入字段</td>
            </tr>
            <tr>
                <td>image</td>
                <td>定义定义图像形式的提交按钮</td>
            </tr>
            <tr>
                <td>password</td>
                <td>定义密码字段。该字段字符是被隐示的</td>
            </tr>
            <tr>
                <td>radio</td>
                <td>单选按钮</td>
            </tr>
            <tr>
                <td>reset</td>
                <td>重置</td>
            </tr>
            <tr>
                <td>submit</td>
                <td>提交</td>
            </tr>
            <tr>
                <td>text</td>
                <td>输入框，默认20个字符</td>
            </tr>
        </table>
    </div>
</body>
</html>
